@font-face {
font-family:oblique
src url'tomam-webfont.woff2',
}

@font-face {
  font-family: pcdown;
  src: url('../fonts/pdown.ttf');
}
 
.menu {
  font-family: bankgothic;
  min-width  : 430px;
  color      : #fff;
  box-shadow : 0px 0px 0px 0px #fff;
  position   : absolute;

}

.menu.align-left {
  left: 40;
  top : 50%;
  transform: translate(0, -50%); 
}

.menu.align-top-left {
  left: 40;
  top : 40; 
}

.menu.align-top {
  left: 50%;
  top : 40;
  transform: translate(-50%, 0); 
}

.menu.align-top-right {
  right: 10;
  top  : 40;
}

.menu.align-right {
  right: 40;
  top  : 50%;
  transform: translate(0, -50%); 
}

.menu.align-bottom-right {
  right : 40;
  bottom: 40;
}

.menu.align-bottom {
  left  : 50%;
  bottom: 40;
  transform: translate(-50%, 0); 
}

.menu.align-bottom-left {
  left  : 40;
  bottom: 40;
}

.menu.align-center {
  left : 50%;
  top  : 50%;
  transform: translate(-50%, -50%); 
}

.menu .head {
  display: block;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  color: #ffffff;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border: 1px double #070707;
  text-align: center;
  background-color: #2A2B2A;
}

.menu .menu-items {
  display: block;
  max-height: 350px;
  overflow-y: auto;
  background: #fff;
  opacity: 0.9;
  overflow: hidden;
  background: #fff;
}

.menu .menu-items .menu-item {
  height: 35px;
  line-height: 35px;
  text-align: left;
  font-size: 16px;
  border: 1px solid #070707;
  background-color: #505050;
  padding-left: 8px;
}

.menu .menu-items .menu-item.selected {
  opacity: 10;
  color: #fff;
  background: #0D0D0D
  transform translate(-1px solid #070707);
  border-left: 4px solid #323232;
  background-color: #242525;
  font-size: 17px;
}